<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>歪秀购物</title>
	<link rel="stylesheet" type="text/css" href="css/ui.css">
	<link href="favicon.ico" type="image/x-icon" rel="icon">
	<link href="iTunesArtwork@2x.png" sizes="114x114" rel="apple-touch-icon-precomposed">
</head>
<body style="font-size:12px">

<div class="header">
	<div class="header-background"></div>
	<div class="toolbar statusbar-padding">
		<button class="bar-button back-button" onclick="history.go(-1);" dwz-event-on-click="click"><i class="icon icon-back"></i></button>
		<div class="header-title">
			<div class="title">分类</div>
		</div>
	</div>
</div>


<div id="loading"><img src="images/loading.gif" /></div>
<div class="con">

	<aside>
		<div class="menu-left scrollbar-none r-line" id="sidebar">
			<ul>
				<li class="active">女士配件</li>
				<li >当季热门</li>
				<li >韩舍上装</li>
				<li >韩舍下装</li>
				<li >韩舍裙装</li>
				<li >特色女装</li>
				<li >热门品牌</li>
			</ul>
		</div>
	</aside>
	<section class="menu-right padding-all j-content">
		<h5>女士配件</h5>
		<ul>
			<li class="w-3"><a href="page.html"></a> <img src="images/top1.jpg" /><span>围巾围脖</span></li>
			<li class="w-3"><a href="#"></a> <img src="images/top2.jpg" /><span>披肩</span></li>
			<li class="w-3"><a href="#"></a> <img src="images/top3.jpg" /><span>丝巾</span></li>
			<li class="w-3"><a href="#"></a> <img src="images/top4.jpg" /><span>春夏帽子</span></li>
			<li class="w-3"><a href="#"></a> <img src="images/top5.jpg" /><span>双肩背包</span></li>
			<li class="w-3"><a href="#"></a> <img src="images/top6.jpg" /><span>腰带腰链</span></li>
			<li class="w-3"><a href="#"></a> <img src="images/top7.jpg" /><span>耳环耳钉</span></li>
			<li class="w-3"><a href="#"></a> <img src="images/top8.jpg" /><span>限量奢品</span></li>
		</ul>
	</section>
	<section class="menu-right padding-all j-content" style="display:none">
		<h5>当季热门</h5>
		<ul>
			<li class="w-3"><a href="#"></a> <img src="images/top7.jpg" /><span>针织衫</span></li>
			<li class="w-3"><a href="#"></a> <img src="images/top7.jpg" /><span>牛仔裤</span></li>
			<li class="w-3"><a href="#"></a> <img src="images/top7.jpg" /><span>衬衫</span></li>
			<li class="w-3"><a href="#"></a> <img src="images/top7.jpg" /><span>短外套</span></li>
			<li class="w-3"><a href="#"></a> <img src="images/top7.jpg" /><span>连衣裙</span></li>
			<li class="w-3"><a href="#"></a> <img src="images/top7.jpg" /><span>卫衣</span></li>
			<li class="w-3"><a href="#"></a> <img src="images/top7.jpg" /><span>毛衣</span></li>
		</ul>
	</section>
	<section class="menu-right padding-all j-content" style="display:none">
		<h5>韩舍上装</h5>
		<ul>
			<li class="w-3"><a href="#"></a> <img src="images/top5.jpg" /><span>小西装</span></li>
			<li class="w-3"><a href="#"></a> <img src="images/top5.jpg" /><span>皮衣</span></li>
			<li class="w-3"><a href="#"></a> <img src="images/top5.jpg" /><span>夹克</span></li>
			<li class="w-3"><a href="#"></a> <img src="images/top5.jpg" /><span>卫衣</span></li>
		</ul>
	</section>
	<section class="menu-right padding-all j-content" style="display:none">
		<h5>韩舍下装</h5>
		<ul>
			<li class="w-3"><a href="#"></a> <img src="images/top2.jpg" /><span>牛仔裤</span></li>
			<li class="w-3"><a href="#"></a> <img src="images/top2.jpg" /><span>休闲裤</span></li>
			<li class="w-3"><a href="#"></a> <img src="images/top2.jpg" /><span>七分裤</span></li>
			<li class="w-3"><a href="#"></a> <img src="images/top2.jpg" /><span>九分裤</span></li>
			<li class="w-3"><a href="#"></a> <img src="images/top2.jpg" /><span>背带裤</span></li>
			<li class="w-3"><a href="#"></a> <img src="images/top2.jpg" /><span>热裤</span></li>
		</ul>
	</section>
	<section class="menu-right padding-all j-content" style="display:none">
		<h5>韩舍裙装</h5>
		<ul>
			<li class="w-3"><a href="#"></a> <img src="images/top3.jpg" /><span>婚纱</span></li>
			<li class="w-3"><a href="#"></a> <img src="images/top3.jpg" /><span>连衣裙</span></li>
			<li class="w-3"><a href="#"></a> <img src="images/top3.jpg" /><span>长裙</span></li>
			<li class="w-3"><a href="#"></a> <img src="images/top3.jpg" /><span>短裙</span></li>
		</ul>
	</section>
	<section class="menu-right padding-all j-content" style="display:none">
		<h5>特色女装</h5>
		<ul>
			<li class="w-3"><a href="#"></a> <img src="images/top3.jpg" /><span>短裙</span></li>
			<li class="w-3"><a href="#"></a> <img src="images/top3.jpg" /><span>衬衫</span></li>
			<li class="w-3"><a href="#"></a> <img src="images/top3.jpg" /><span>连衣裙</span></li>
		</ul>
	</section>
	<section class="menu-right padding-all j-content" style="display:none">
		<h5>热门品牌</h5>
		<ul>
			<li class="w-3"><a href="#"></a> <img src="images/top9.jpg" /><span>宝格丽</span></li>
			<li class="w-3"><a href="#"></a> <img src="images/top10.jpg" /><span>蔻驰</span></li>
			<li class="w-3"><a href="#"></a> <img src="images/top11.jpg" /><span>纪梵希</span></li>
		</ul>
	</section>
</div>

<div class="tab-bar tab-bottom">
	<a class="tab-button cached" href="index.html"><i class="tab-button-icon icon icon-home"></i><span class="tab-button-txt">首页</span></a>
	<a class="tab-button cached" href="life.html"><i class="tab-button-icon icon icon-exhibition" ></i><span class="tab-button-txt">生活</span></a>
	<a class="tab-button active" href="classs.html"><i class="tab-button-icon icon icon-service" ></i><span class="tab-button-txt">分类</span></a>
	<a class="tab-button cached" href="car.html"><i class="tab-button-icon icon icon-car"></i><span class="tab-button-txt">购物车</span></a>
	<a class="tab-button cached" href="me.html"><i class="tab-button-icon icon icon-my"></i><span class="tab-button-txt">我的</span></a>
</div>



<script type="text/javascript">
	//设置cookie
	function setCookie(cname, cvalue, exdays) {
		var d = new Date();
		d.setTime(d.getTime() + (exdays*24*60*60*1000));
		var expires = "expires="+d.toUTCString();
		document.cookie = cname + "=" + cvalue + "; " + expires;
	}
	function clearHistroy(){
		setCookie('ECS[keywords]', '', -1);
		document.getElementById("search_histroy").style.visibility = "hidden";
	}
</script>
<script type="text/javascript" src="js/class/jquery.min.js"></script>
<script type="text/javascript" src="js/class/swiper-3.2.5.min.js"></script>
<script type="text/javascript" src="js/class/ectouch.js"></script>
<script type="text/javascript" src="js/class/jquery.json.js"></script>
<script type="text/javascript" src="js/class/common.js"></script>
<script type="text/javascript">
	$(function($){
		$('#sidebar ul li').click(function(){
			$(this).addClass('active').siblings('li').removeClass('active');
			var index = $(this).index();
			$('.j-content').eq(index).show().siblings('.j-content').hide();
		})
	})
</script>
</body>
</html>